<html> 
<head> 
</head>
<style type="text/css">
.ani-pop
{-webkit-animation:twc-popup .5s ease-in-out 0;} 
      @-webkit-keyframes twc-popup{ 
      0%{-webkit-transform:scale(1) rotate(0);opacity:0;} 
      50%{-webkit-transform:scale(1.2) rotate(0);opacity:.5;} 
      100%{-webkit-transform:scale(1) rotate(0);opacity:1;} 
} 
</style>
<script language="javascript">
window.onscroll=function(){
  //document.getElementById("divLeft").style.left=100+parseInt(document.body.scrollLeft) + "px";//水平浮动,竟然是上下浮动就不需要了
  document.getElementById("divLeft").style.top=100+parseInt(document.body.scrollTop) + "px";//垂直浮动
}
</script>
<body>
<button class='ani-pop'>fds</button>
<div id="divLeft" style="position:absolute; width:50px; height:50px;left:100px; top:100px;background-color:#0000FF;"></div>
<div style="height:2000px;"></div>

</body> 
</html> 